<template>
  <div style="background-color: skyblue;font-weight: bold;font-size: 20px">
    你好，vue
  </div>
	
	<div style="margin-top: 10px">
		<RouterLink to="/test">跳转</RouterLink>
		<el-button type="primary" @click="router.push('/test')">跳转2</el-button>
		<el-button type="primary" @click="router.push('/test?id=1')">跳转2携带参数</el-button>
	</div>
	
	<div>{{a}}</div>
	<div>
		{{data.a}}
		{{data.b}}
	</div>
	
	<div>
		<el-button type="primary">Primary</el-button>
		<el-icon color="#409efc" class="no-inherit">
			<Share />
		</el-icon>
		<Search style="width: 1em; height: 1em; margin-right: 8px" />
		<el-icon><Minus /></el-icon>
		
		<el-button type="danger" :icon="Delete" circle></el-button>
	</div>
	
</template>

<script setup>
import { reactive, ref,onMounted } from 'vue'
import { Delete } from '@element-plus/icons-vue'
import router from '@/router/index.js'

const a=ref(1)

const data=reactive({
	a:123,
	b:"你好"
})


onMounted(()=>{
})

</script>
